* {
  margin: 0;
  padding: 0;
}

.box1 {
  width: 100%;
  position: relative;
  display: flex;
  background: url('../src/assets/image/pageBg.png');

  .left {
    width: 35%;
    height: 100vh;
    background: url('../src/assets/image/Left.png') no-repeat 0 0 /100% 100vh;

    .left_top {
      width: 80%;
      height: 43vh;
      margin: 60px 60px 30px 50px;
      border: 1px solid #2d2596;
      color: aliceblue;

      img {
        width: 80%;
        height: 70px;
        margin-top: 5%;
        margin-left: 10%;
      }

      .left_one {
        width: 100%;
        height: 200px;
      }
    }

    .left_foot {
      width: 80%;
      height: 35vh;
      margin: 60px 60px 30px 50px;
       .left_two {
        width: 100%;
        height:85%;
      }
    }
  }

  .center {
    width: 30%;
    height: 100vh;
    .ScrollBoard{
      margin-left: 5%;
    }
  }

  .right {
    width: 35%;
    height: 100vh;
    background: url('../src/assets/image/Right.png') no-repeat 0 0 /100% 100vh;

    .right_top {
      width: 80%;
      height: 40vh;
      margin: 60px 60px 30px 50px;
      border: 1px solid #2d2596;
      .imgItem{
        width: 100%;
        height: 50px;
        border: 1px solid #000;
        img{
          width:33%;
          height: 100%;
        }
      }
      .right_one{
        width: 100%;
        height: 250px;
      }
    }

    .right_foot {
      width: 80%;
      height: 40vh;
      margin: 60px 60px 30px 50px;
      border: 1px solid #2d2596;
      .right_two{
        width: 100%;
        height: 100%;

      }
    }
  }

  .top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: url('../src/assets/image/top.png');
    background-repeat: no-repeat;
    background-size: 100% 80px;
  }
}